@import "../css/reset.css";
.clear:after {
  content: "";
  display: block;
  clear: both;
}
html,
body {
  width: 100vw;
  height: 100%;
  position: relative;
}
nav {
  width: 100vw;
  overflow-x: hidden;
  height: 11.80555556vw;
  color: #1BBC9B;
  float: left;
  font-size: 4.16666667vw;
  position: fixed;
  z-index: 999;
  background-color: #ffffff;
  top: 0;
  left: 0;
}
nav #logo {
  display: inline-block;
  float: left;
  background: url("http://image.cheerby.cn/appImage/mobile/logo.png") no-repeat;
  background-size: contain;
  width: 15.97222222vw;
  height: 4.58333333vw;
  margin: 3.61111111vw 2.43055556vw 3.61111111vw 3.81944444vw;
}
nav .split {
  margin-right: 2.08333333vw;
  line-height: 11.80555556vw;
  float: left;
}
nav #right-bar li {
  float: left;
  font-size: 4.16666667vw;
  height: 11.80555556vw;
  line-height: 11.80555556vw;
  width: 11.80555556vw;
  display: inline-block;
  text-align: center;
}
nav #right-bar li.active {
  color: #ffffff;
  background-color: #1BBC9B;
}
.icon {
  color: #777;
  height: 4.16666667vw;
  vertical-align: middle;
  font-size: 2.43055556vw;
  display: inline-block;
  margin-right: 1.38888889vw;
}
.icon .icons {
  display: inline-block;
}
.icon .icons.agree {
  background: url("http://image.cheerby.cn/appImage/mobile/4.png") no-repeat;
  width: 4.58333333vw;
  height: 3.19444444vw;
  background-size: contain;
}
.icon .icons.read {
  background: url("http://image.cheerby.cn/appImage/mobile/1.png") no-repeat;
  width: 4.58333333vw;
  height: 2.43055556vw;
  margin-right: 1.38888889vw;
  background-size: contain;
}
.icon .icons.comment {
  background: url("http://image.cheerby.cn/appImage/mobile/2.png") no-repeat;
  width: 4.58333333vw;
  height: 3.19444444vw;
  background-size: contain;
}
.icon .icons.share {
  background: url("http://image.cheerby.cn/appImage/mobile/3.png") no-repeat;
  background-size: contain;
  width: 4.58333333vw;
  height: 3.19444444vw;
}
.container {
  height: 100%;
}
#mobileHome {
  width: 100vw;
  height: 100%;
  flex-direction: column;
  display: flex;
}
#mobileHome .swiper-wrapper {
  flex: 1;
  margin-top: 11.80555556vw;
}
#mobileHome .swiper-wrapper #banner {
  background: url("http://image.cheerby.cn/appImage/mobile/banner.jpg") no-repeat;
  position: relative;
  background-size: cover;
  width: 100vw;
}
#mobileHome .swiper-wrapper #banner button {
  width: 36.11111111vw;
  height: 9.375vw;
  border-radius: 2.43055556vw;
  font-size: 4.51388889vw;
  color: #ffffff;
  background-color: #40AF97;
  position: absolute;
  bottom: 9.02777778vw;
  right: 0;
  left: 0;
  margin: auto;
}
#mobileHome .swiper-wrapper #second #phone {
  width: 100vw;
  height: 100%;
}
#mobileHome .swiper-wrapper #second #phone .up-content {
  height: 17.36111111vw;
  width: 75vw;
  margin: auto;
  border-bottom: 1px solid #B0B7C0;
  padding: 3.47222222vw 0;
  position: relative;
}
#mobileHome .swiper-wrapper #second #phone .up-content div {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 75%;
  transition: .3s;
  opacity: 0;
  position: absolute;
}
#mobileHome .swiper-wrapper #second #phone .up-content div.active {
  opacity: 1;
}
#mobileHome .swiper-wrapper #second #phone .up-content div.to-leave {
  transition: none;
}
#mobileHome .swiper-wrapper #second #phone .up-content div.one {
  background-image: url("http://image.cheerby.cn/appImage/mobile/up-one.png");
}
#mobileHome .swiper-wrapper #second #phone .up-content div.two {
  background-image: url("http://image.cheerby.cn/appImage/mobile/up-two.png");
}
#mobileHome .swiper-wrapper #second #phone .up-content div.three {
  background-image: url("http://image.cheerby.cn/appImage/mobile/up-three.png");
}
#mobileHome .swiper-wrapper #second #phone .up-content div.four {
  background-image: url("http://image.cheerby.cn/appImage/mobile/up-four.png");
}
#mobileHome .swiper-wrapper #second #phone .down-content {
  height: 10.41666667vw;
  width: 75vw;
  margin: auto;
  padding: 2.77777778vw 0;
  position: relative;
}
#mobileHome .swiper-wrapper #second #phone .down-content div {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 10.41666667vw;
  transition: .3s;
  opacity: 0;
  position: absolute;
}
#mobileHome .swiper-wrapper #second #phone .down-content div.active {
  opacity: 1;
}
#mobileHome .swiper-wrapper #second #phone .down-content div.to-leave {
  transition: none;
}
#mobileHome .swiper-wrapper #second #phone .down-content div.one {
  background-image: url("http://image.cheerby.cn/appImage/mobile/down-one.png");
}
#mobileHome .swiper-wrapper #second #phone .down-content div.two {
  background-image: url("http://image.cheerby.cn/appImage/mobile/down-two.png");
}
#mobileHome .swiper-wrapper #second #phone .down-content div.three {
  background-image: url("http://image.cheerby.cn/appImage/mobile/down-three.png");
}
#mobileHome .swiper-wrapper #second #phone .down-content div.four {
  background-image: url("http://image.cheerby.cn/appImage/mobile/down-four.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line {
  height: 6.94444444vw;
  width: 75vw;
  margin: 3.47222222vw auto;
}
#mobileHome .swiper-wrapper #second #phone .icons-line div {
  background-size: contain;
  background-repeat: no-repeat;
  width: 6.94444444vw;
  height: 100%;
  float: left;
  margin-right: 2.77777778vw;
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.one {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-one.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.one.active {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-one-a.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.two {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-two.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.two.active {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-two-a.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.three {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-three.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.three.active {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-three-a.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.four {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-four.png");
}
#mobileHome .swiper-wrapper #second #phone .icons-line div.four.active {
  background-image: url("http://image.cheerby.cn/appImage/mobile/icons-four-a.png");
}
#mobileHome .swiper-wrapper #second #phone .phone-img {
  height: 106.94444444vw;
  width: 64.58333333vw;
  margin: auto;
  background-image: url("http://image.cheerby.cn/appImage/mobile/phone.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  margin-top: 6%;
  position: relative;
}
#mobileHome .swiper-wrapper #second #phone .phone-img div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  width: 100%;
  height: 100%;
  transition: .3s;
  opacity: 0;
  position: absolute;
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.active {
  opacity: 1;
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.to-leave {
  transition: none;
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.one {
  background-image: url("http://image.cheerby.cn/appImage/mobile/phone-img-one.png");
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.two {
  background-image: url("http://image.cheerby.cn/appImage/mobile/phone-img-two.png");
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.three {
  background-image: url("http://image.cheerby.cn/appImage/mobile/phone-img-three.png");
}
#mobileHome .swiper-wrapper #second #phone .phone-img div.four {
  background-image: url("http://image.cheerby.cn/appImage/mobile/phone-img-four.png");
}
#mobileCommunity {
  width: 100vw;
  height: 100%;
  margin-top: 11.80555556vw;
  background-color: #F5F5F5;
}
#mobileCommunity #banner {
  height: 39.93055556vw;
  width: 100%;
  background: url("http://image.cheerby.cn/appImage/mobile/homecover2.jpg") no-repeat;
  background-size: cover;
}
#mobileCommunity #wrap {
  margin: 2.43055556vw 2.43055556vw 0 2.43055556vw;
  width: 95.13888889vw;
}
#mobileCommunity #wrap .card {
  width: 100%;
  overflow: hidden;
  float: left;
  border: 1px solid #E6E6E6;
  border-radius: 2.43055556vw;
  box-sizing: border-box;
  padding: 2.08333333vw;
  background-color: #ffffff;
  margin-bottom: 2.43055556vw;
}
#mobileCommunity #wrap .card .article-title {
  font-size: 4.51388889vw;
}
#mobileCommunity #wrap .card .info {
  text-align: left;
  height: 3.81944444vw;
  line-height: 3.81944444vw;
  margin-top: 2.77777778vw;
}
#mobileCommunity #wrap .card .info .author {
  display: inline-block;
  color: #2CC983;
  font-size: 3.81944444vw;
}
#mobileCommunity #wrap .card .info span,
#mobileCommunity #wrap .card .info time {
  color: #9E9E9E;
}
#mobileCommunity #wrap .card .info time {
  font-size: 3.47222222vw;
}
#mobileCommunity #wrap .card .info .icon {
  color: #777;
  height: 4.16666667vw;
  vertical-align: middle;
  font-size: 2.43055556vw;
  display: inline-block;
  float: right;
  margin-right: 1.38888889vw;
}
#mobileCommunity #wrap .card .info .icons {
  display: inline-block;
}
#mobileCommunity #wrap .card .info .icons.agree {
  background: url("http://image.cheerby.cn/appImage/mobile/4.png") no-repeat;
  width: 4.58333333vw;
  height: 3.19444444vw;
  background-size: contain;
}
#mobileCommunity #wrap .card .info .icons.read {
  background: url("http://image.cheerby.cn/appImage/mobile/1.png") no-repeat;
  width: 4.58333333vw;
  height: 2.43055556vw;
  margin-right: 1.38888889vw;
  background-size: contain;
}
#mobileCommunity #wrap .card .info .icons.comment {
  background: url("http://image.cheerby.cn/appImage/mobile/2.png") no-repeat;
  width: 4.58333333vw;
  height: 3.19444444vw;
  background-size: contain;
}
#mobileCommunity #wrap .card .info .icons.share {
  background: url("http://image.cheerby.cn/appImage/mobile/3.png") no-repeat;
  background-size: contain;
  width: 4.58333333vw;
  height: 3.19444444vw;
}
#mobileCommunity #wrap .card .article-img {
  margin: 1.73611111vw 0;
  float: left;
}
#mobileCommunity #wrap .card .article-img img {
  float: left;
  width: 100%;
}
#mobileCommunity #wrap .card .abstract {
  font-size: 3.47222222vw;
  color: #777;
  float: left;
}
#mobileCommunity #articleInfo {
  width: 100vw;
  margin: auto;
  background-color: #ffffff;
  height: 100%;
}
#mobileCommunity #articleInfo .kind {
  margin-left: 2.43055556vw;
  width: 20.48611111vw;
  height: 6.94444444vw;
  line-height: 6.94444444vw;
  font-size: 3.47222222vw;
  float: left;
  background-color: #1BBC9B;
  color: #ffffff;
  margin-top: 4.86111111vw;
}
#mobileCommunity #articleInfo .article-info {
  width: 97.56944444vw;
  padding: 5.34722222vw;
  margin-left: 2.43055556vw;
  float: left;
  border-top: 1px solid #E6E6E6;
  box-sizing: border-box;
}
#mobileCommunity #articleInfo .article-info .avator {
  float: left;
  border-radius: 50%;
  height: 15.97222222vw;
  width: 15.97222222vw;
}
#mobileCommunity #articleInfo .article-info .topic {
  font-size: 4.16666667vw;
  font-weight: 400;
  margin-bottom: 4.86111111vw;
}
#mobileCommunity #articleInfo .article-info .author {
  font-size: 3.125vw;
  color: #9E9E9E;
}
#mobileCommunity #articleInfo .article-content {
  margin: 2.43055556vw 2.43055556vw 0 2.43055556vw;
  width: 95.13888889vw;
  float: left;
}
#mobileCommunity #articleInfo .article-content img {
  width: 100%;
}
#mobileCommunity #articleInfo .article-content .icon-button {
  text-align: right;
}
#mobileCommunity #articleInfo .article-content .icon-button .green-button {
  height: 5.97222222vw;
  border-radius: 1.04166667vw;
  color: white;
  background-color: #1BBC9B;
  line-height: 5.97222222vw;
  font-size: 3.125vw;
  cursor: pointer;
  text-align: center;
  margin-left: 1.52777778vw;
  padding: 0 1.94444444vw;
}
#mobileCommunity #articleInfo .article-content .icon-button .green-button:hover {
  background-color: #38de8f;
  transition: .3s;
}
#mobileCommunity #articleInfo .article-content .icon-button .return {
  float: left;
  resize: none;
  width: 97.22222222%;
  height: 27.77777778vw;
  border: 1px solid #F5F5F5;
  margin: 2.77777778vw 0;
  padding: 1.38888889vw;
}
#mobileCommunity #articleInfo .article-content #comment {
  float: left;
  font-size: 3.47222222vw;
  width: 100%;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info {
  padding-top: 9.72222222vw;
  padding-bottom: 2.08333333vw;
  float: left;
  width: 100%;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info img {
  width: 12.5vw;
  height: 12.5vw;
  border-radius: 50%;
  margin-right: 4.16666667vw;
  float: left;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .nick {
  color: #2CC983;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info time {
  margin-left: 4.16666667vw;
  color: #9E9E9E;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .comment-one {
  margin-top: 2.77777778vw;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .add-comment {
  width: 100%;
  float: right;
  border-bottom: 2px solid #BBB;
  padding-bottom: 1.11111111vw;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .add-comment span {
  background: url("http://image.cheerby.cn/appImage/mobile/follow.png") no-repeat;
  background-size: contain;
  float: right;
  width: 6.94444444vw;
  height: 6.25vw;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .return {
  margin-top: 3.47222222vw;
  margin-left: 8.33333333vw;
  width: 90.27777778%;
  float: right;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .return textarea {
  margin-bottom: 2.08333333vw;
  width: 100%;
  padding: 1.38888889vw;
  height: 18.75vw;
  border: 2px solid #BBB;
  box-sizing: border-box;
  resize: none;
}
#mobileCommunity #articleInfo .article-content #comment .comment-info .return .green-button {
  width: 16.31944444vw;
  height: 6.94444444vw;
  font-size: 3.47222222vw;
  color: #ffffff;
  background-color: #40AF97;
  float: right;
  border-radius: 1.04166667vw;
}
#mobileCommunity #articleInfo .article-content #comment .comment-follow {
  margin-left: 8.33333333vw;
  width: 90.27777778%;
  float: right;
}
#mobileCommunity #articleInfo .article-content #comment .comment-follow .comm-item {
  width: 100%;
  float: left;
  margin: 0.69444444vw;
}
#mobileCommunity #articleInfo .article-content #comment .comment-follow .nick {
  color: #2CC983;
}
#mobileCommunity #articleInfo .article-content #comment .comment-follow time {
  margin-left: 4.16666667vw;
  color: #9E9E9E;
  float: right;
}
#mobileAbout {
  width: 100vw;
  height: 100%;
  margin-top: 11.80555556vw;
}
#mobileAbout #banner {
  width: 100vw;
  height: 41.66666667vw;
  background: url("http://image.cheerby.cn/appImage/mobile/aboutcover2.jpg") no-repeat;
  background-size: cover;
}
#mobileAbout #about {
  width: 91.66666667vw;
  padding: 6.59722222vw 4.16666667vw;
}
#mobileAbout #about .about-item {
  margin-bottom: 12.5vw;
}
#mobileAbout #about .about-title {
  width: 21.18055556vw;
  height: 5.55555556vw;
  margin-bottom: 4.16666667vw;
}
#mobileAbout #about .about-title.us {
  background: url("http://image.cheerby.cn/appImage/mobile/titleabout.png") no-repeat;
  background-size: contain;
}
#mobileAbout #about .about-title.event {
  background: url("http://image.cheerby.cn/appImage/mobile/titlehistory.png") no-repeat;
  background-size: contain;
}
#mobileAbout #about .about-content {
  text-indent: 2em;
  font-size: 2.77777778vw;
}
#mobileAbout #footer {
  width: 91.66666667vw;
  margin: 0 4.16666667vw;
  padding: 3.47222222vw 0;
  font-size: 2.77777778vw;
  text-align: center;
  border-top: 1px solid #808080;
}
#mobileHelp {
  width: 100vw;
  height: 100%;
  margin-top: 11.80555556vw;
}
#mobileHelp #banner {
  width: 100vw;
  height: 18.75vw;
  background: url("http://image.cheerby.cn/appImage/mobile/helptitle.jpg") no-repeat;
  background-size: contain;
}
#mobileHelp #help {
  padding: 3.47222222vw;
  width: 93.05555556vw;
}
#mobileHelp #help .qus-ans {
  margin-bottom: 5.55555556vw;
}
#mobileHelp #help .qus-ans .qus {
  color: #1BBC9B;
  font-size: 4.16666667vw;
  margin-bottom: 2.77777778vw;
}
#mobileHelp #help .qus-ans .qus span {
  display: inline-block;
  width: 5.55555556vw;
  height: 5.55555556vw;
  border-radius: 100%;
  background-color: #1BBC9B;
  color: #ffffff;
  text-align: center;
  line-height: 5.69444444vw;
}
#mobileHelp #help .qus-ans .qus .ans {
  text-indent: 2em;
  font-size: 2.77777778vw;
}
